<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>全国青少年电子信息智能创新大赛</title>
	<link rel="icon" href="./images/logo.png">
	<link rel="stylesheet" href="./lib/layui/css/layui.css">
	<link rel="stylesheet" href="./css/personal.css">
	<link rel="stylesheet" href="./lib/layui/css/modules/layer/default/layer.css">
	<script src="./lib/layui/layui.js"></script>
	<script src="./lib/layui/lay/modules/layer.js"></script>
</head>
<body>
<section class="wrapper" v-cloak>
	<common-header></common-header>
	<section class="banner" style="background-image: url(./images/personal-bg.png);">
	</section>
	<section class="content">
		<section class="container">
			<user-tabs active-path="personal.html"></user-tabs>
			<section class="tab-content">
				<section class="title">我的赛项</section>
				<section class="details">
					<section v-if="matchList.length > 0">
						<section class="game-list" v-for="item in matchList">
							<section class="game-item">
								<section class="text">
									<section class="name">{{ item.theme}}</section>
									<section class="time">{{ item.createTime }}</section>
								</section>
								<a :href="'./game-details.html?id=' + item.id">查看详情</a>
							</section>
						</section>
					</section>
					<Empty v-else text="您还没参加过比赛哦"></Empty>
				</section>
				<!--<section id="page"></section>-->
			</section>
		</section>
	</section>
	<common-footer></common-footer>
</section>
<script src="./lib/swiper/js/swiper.min.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./lib/layui/layui.js"></script>
<script src="./js/vue.min.js"></script>
<script src="../js/abkj/ext/signExt.js"></script>
<script src="../js/abkj/slAjax.js"></script>
<script src="../js/abkj/match/api/webinfo.js"></script>
<script src="../js/abkj/ext/news.js"></script>
<script src="../js/abkj/fun_tool.js"></script>
<script src="./js/common.js"></script>
<script src="./components/index.js"></script>
<script>
	$(function () {
		var vm = new Vue({
			el: '.wrapper',
			data: {
				currTab: 1,
				page: 1,
				total: 0,
				laypage: null,
				matchList: []
			},
			mounted: function () {
				this.getData()
			},
			methods: {
				getData: function () {
					var vm = this
					var varFun = fun_tool()
					getJoinMatch(null, function (data) {
						vm.matchList = data.data
					}, function (err) {
						console.log(err)
					})
				}
			}
		})
	})
</script>
</body>
</html>
